/**
 * @ author: 汪孟苹
 */
@charset "utf-8";
.mt8 {
	margin-top: 8px;
}
/* begin 基本信息 */
.panel {
	margin-bottom: 10px;
}
.panel-heading-look {
	color: #119BA9;
	cursor: pointer;
}
.panel-heading-look i {
	margin-right: 5px;
}
.dstDetail-info {
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
	flex-wrap: wrap;
}
.dstDetail-info > .item {
	padding: 8px 0;
	line-height: 1.414;
}
.dstDetail-info > .item > span:first-child {
	color: #101010;
	padding-right: 10px;
}
.dstDetail-info > .item > span:last-child {
	color: #828282;
}
/* end 基本信息 */

.dstDetail-left {
	float: left;
	width: calc( 100% - 90px );
}
.dstDetail-monthAge {
	width: 100%;
	padding-bottom: 10px;
}
/* begin tab */
.tab-wrap {
	text-align: center;
	line-height: 32px;
}
.arrow-left,
.arrow-right {
	float: left;
	width: 26px;
	height: 68px;
	line-height: 68px;
	font-size: 18px;
	color: #fff;
	background: #C3C3C3;
	cursor: pointer;
}
.tab-show {
	float: left;
	width: calc( 100% - 52px);
	height: 68px;
	overflow: hidden;
}
.tab-box {
	margin-bottom: 0;
	padding-left: 0;
	width: 5460px;
}
.tab-box > li {
	float: left;
	width: 91px;
	border: solid 1px #ddd;
	border-right: none;
	color: #fff;
	background: #C3C3C3;
	cursor: pointer;
}
.tab-box > li > .tab-month {
	border-bottom: solid 1px #ddd;
}
.tab-box > li > .tab-month.actived {
	color: #fff;
	background: #8BC34A;
}
.tab-box > li > .tab-month.active {
	color: #fff;
	background: #259B24;
}
.tab-box > li > .tab-quest-box {
	border-bottom: solid 1px #ddd;
}
.tab-box > li > .tab-quest-box > span {
	display: block;
	float: left;
	border-right: solid 1px #fff;
}
.tab-box > li > .tab-quest-box > span:last-child {
	border-right: none;
}
.tab-box > li > .tab-quest-box > span.actived-success {
	color: #fff;
	background: #8BC34A;
}
.tab-box > li > .tab-quest-box > span.actived-fail {
	color: #fff;
	background: #ffbf60;
}
.tab-box > li > .tab-quest-box > span.active {
	color: #fff;
	background: #259B24;
}
/* .tab-box > li.active {
	position: relative;
	color: #fff;
	background: #259B24;
	border-color: #259B24;
}
.tab-box > li.active:before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 37px;
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-top: solid 8px #259B24;
} */
/* end tab */
/* begin 题目 */
.dstDetail-quest {
	height: 80px;
	font-weight: bold;
	text-align: center;
	color: #573E6B;
	background: #fff;
	border: solid 1px #259B24;
}
.dstDetail-quest > div {
	height: 100%;
	float: left;
}
.quest-tit,
.quest-con {
	border-right: solid 1px #259B24;
	display: flex;
	display: -webkit-flex; /* Safari */
}
.quest-tit {
	justify-content: center;
	width: 25%;
	font-size: 1.2em;
	align-items: center;
}
.quest-con {
	padding: 5px 10px;
	width: 50%;
	font-weight: normal;
	text-align: left;
	overflow-y: auto;
	align-items: center;
}
.quest-con > div > img,
.scene-con .item-content > div > img {
	height: 20px;
}
.quest-resut {
	width: 25%;
}
.quest-resut > div {
	height: 100%;
	width: 50%;
	float: left;
	padding: 20px 0;
	text-align: center;
	cursor: pointer;
}
.quest-fail {
	border-left: dotted 1px #259B24;
}
.quest-pass.active {
	background: #259B24;
	color: #fff;
}
.quest-fail.active {
	background: #FF9800;
	color: #fff;
}
.quest-resut > div > span {
	display: block;
	line-height: 20px;
}
.quest-resut > div > span:first-child {
	font-size: 1.2em;
}
/* end 题目 */
.dstDetail-vocabulary {
	padding: 10px 0;
	text-align: right;
	color: #805F9D;
}
.dstDetail-right {
	float: right;
	width: 80px;
}
/* begin 情景 */
.dstDetail-scene {
	
}
.scene-top {
	color: #fff;
	text-align: center;
}
.scene-top > div {
	padding: 10px 0;
	float: left;
}
.scene-caption {
	width: 3em;
	background: #AC8FC6;
}
.scene-title {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	width: calc(100% - 6em);
	background: #AC8FC6;
}
.scene-btn {
	width: 3em;
	background: #bbb;
}
.scene-btn.active {
	background: #259B24;
	cursor: pointer;
}
.scene-con {
	background: #C9C0D1;
}
.scene-con .scene-no {
	padding: 40px 0;
	text-align: center;
	background: #E3D9EC;
	color: #83629F;
}
/* item */
.item-wrap {
	margin-bottom: 0;
	padding-left: 0;
}
.item-wrap .item {
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	width: calc( (100% - 4px) / 3 );
	color: #91859B;
	background: #F7F5FA;
}
.item-wrap .item.clickable {
	background: #fff;
}
.item-wrap .item:nth-child(3n) {
	margin-right: 0;
}
.item-tit {
	height: 60px;
	font-size: 1.2em;
	display: -webkit-flex; /* Safari */
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.scene-con .item-content {
	margin-bottom: 10px;
	padding: 0 10px;
	height: 80px;
	overflow-y: auto;
}
.item-result {
	border-top: solid 1px #E0D0EE;
}
.item-result > div {
	width: 50%;
	float: left;
	height: 60px;
	padding-top: 10px;
	text-align: center;
}
.item.clickable .item-result > div {
	cursor: pointer;
}
.item-pass {
	border-right: solid 1px #E0D0EE;
}
.item-result > div > span {
	display: block;
}
.item-result > div > span:first-child {
	font-size: 1.2em;
}
.item-pass.active {
	background: #259B24;
	color: #fff;
}
.item-fail.active {
	background: #FF9800;
	color: #fff;
}
/* end 情景 */
/* 能区 */
.dstDetail-af .item {
	margin-bottom: 2px;
	padding: 10px 0;
	display: -webkit-flex; /* Safari */
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	background: #AAA;
	color: #fff;
	cursor: pointer;
}
.dstDetail-af .item:last-child {
	margin-bottom: 0;
}
.dstDetail-af .item span {
	padding-right: .5em;
	display: inline-block;
	width: 2.5em;
}
.dstDetail-af .item i.fa-check,
.dstDetail-af .item i.fa-repeat {
	display: none;
}
.dstDetail-af .item i.fa-ellipsis-h {
	display: block;
}
.dstDetail-af .item.actived {
	background: #8BC34A;
}
.dstDetail-af .item.actived i.fa-repeat,
.dstDetail-af .item.actived i.fa-ellipsis-h {
	display: none;
}
.dstDetail-af .item.actived i.fa-check {
	display: block;
}
.dstDetail-af .item.active {
	background: #259B24;
}
.dstDetail-af .item.active i.fa-check,
.dstDetail-af .item.active i.fa-ellipsis-h {
	display: none;
}
.dstDetail-af .item.active i.fa-repeat {
	display: block;
}
/* 手动调整起始位置 */
.dstDetail-adjust {
	border: solid 1px #6A4D82;
}
.dstDetail-adjust .tit {
	padding: 5px;
	line-height: 1.3;
	background: #AC8FC6;
	color: #fff;
	text-align: center;
}
.dstDetail-adjust select {
	width: 100%;
	height: 36px;
	padding: 0 10px;
	border: none;
	outline: none;
	color: #6A4D82;
	text-align: center;
	cursor: pointer;
}
/* 筛查结果 */
.dstDetail-result .item {
	border: solid 1px #6A4D82;
	background: #fff;
	text-align: center;
}
.dstDetail-result .item .tit {
	border-bottom: solid 1px #6A4D82;
	padding: 10px;
	color: #593D71;
}
.dstDetail-result .item .con {
	padding: 10px;
	color: #939393;
	font-size: 1.2em;
}
/* 能区做完的提示 */
.dstDetail-msg {
	padding: 10px 10px 15px 10px;
}
.dstDetail-msg .msg {
	padding-bottom: 20px;
	text-align: center;
}
.dstDetail-msg .msg .color-red {
	color: red;
}
.dstDetail-msg-btn {
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
}
.dstDetail-msg-btn > div {
	padding: 6px 15px;
	color: #fff;
	background: #109BA8;
	cursor: pointer;
}
.dstDetail-msg .tip {
	margin-top: 30px;
    margin-bottom: 0;
    text-align: right;
    font-size: 12px;
    color: #999;
}











/* .dstDetail-wrap {
	background: #fff;
} */
/* center */
/* .dstDetail-monthAge {
	float: left;
	width: calc( 100% - 340px);
	padding: 10px 0;
} */
/* begin tab */
/* .tab-wrap {
	text-align: center;
	line-height: 32px;
}
.arrow-left,
.arrow-right {
	float: left;
	width: 26px;
	font-size: 18px;
	color: #999;
	cursor: pointer;
}
.tab-show {
	float: left;
	width: calc( 100% - 52px);
	height: 41px;
	overflow: hidden;
}
.tab-box {
	margin-bottom: 0;
	padding-left: 0;
	width: 2548px;
}
.tab-box > li {
	float: left;
	width: 91px;
	border: solid 1px #ddd;
	border-right: none;
	color: #666;
	cursor: pointer;
}
.tab-box > li.active {
	position: relative;
	color: #fff;
	background: #55C7AD;
	border-color: #55C7AD;
}
.tab-box > li.active:before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 37px;
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-top: solid 8px #55C7AD;
} */
/* end tab */
.dstDetail-adjust-wrap {
	float: right;
	width: 340px;
	padding-left: 10px;
}
/* .dstDetail-adjust {
	padding: 10px;
} */
.dstDetail-adjust-box .form-group {
	margin-bottom: 0;
}
.dstDetail-adjust-box .control-label {
	float: left;
	font-weight: normal;
	line-height: 34px;
}
.dstDetail-adjust-box .input-group {
	float: left;
	width: 210px;
} 
/* bottom */
.dstDetail-bottom {
	padding-bottom: 20px;
}
.dstDetail-content {
	float: left;
	width: calc( 100% - 300px );
}
.dstDetail-content ul {
	display: none;
}
/* type */
.dstDetail-type-wrap {
	float: right;
	width: 300px;
	padding-left: 10px;
	padding-right: 10px;
}
.dstDetail-type-box ul {
	margin-bottom: 0;
	padding-left: 20px;
}
.dstDetail-type-box li {
	margin-bottom: 10px;
	border: solid 1px #55C7AD;
	color: #55C7AD;
	background: : #fff;
}
.dstDetail-type-box li,
.dstDetail-submit {
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.dstDetail-type-box li.active {
	position: relative;
	color: #fff;
	background: #55C7AD;
}
.dstDetail-type-box li.active:before {
	content: "";
	position: absolute;
	left: -17px;
	top: 16px;
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-right: solid 8px #55C7AD;
}
.dstDetail-submit-wrap {
	padding-left: 20px;
}
.dstDetail-submit {
	color: #fff;
	background: #A07AA1;
}